import PropTypes from 'prop-types'
import React, { memo } from 'react'
import SelectionHeader from '@/components/selection-header'
import SelectionRooms from '@/components/selection-rooms'
import { SelectionWrapper } from './style'
import SelectionFooter from '@/components/selection-footer'

const HomeSelectionV1 = memo((props) => {
  const { infoData } = props

  return (
    <SelectionWrapper>
      <SelectionHeader title={infoData.title} subtitle={infoData.subtitle} />
      <SelectionRooms roomList={infoData?.list} itemWidth="25%" />
      <SelectionFooter />
    </SelectionWrapper>
  )
})

HomeSelectionV1.propTypes = {
  infoData: PropTypes.object
}

export default HomeSelectionV1